<template>
  <h1>vue3-第2天</h1>
  <hr>
  苹果数量：{{ num }}
  <hr>
  <button @click="num++">改变num+1</button>
  <button @click="changeNum5">改变num+5</button>
  
</template>

<script setup>
import { ref } from 'vue';
// 常量 变量的代理
//数据驱动视图
const num = ref(3);

const changeNum5 = ()=>{
  console.log("每次加5");
  num.value+=5;
}
</script>

<style lang="scss" scoped>

</style>